.main-body {top:50%;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;}
.login-main .login-bottom .center .item .inputs {display:inline-block;width:227px;height:22px;padding:0;position:absolute;border:0;outline:0;font-size:14px;letter-spacing:0;}
.login-main .login-bottom .center .item .inputsEmail{
    display: inline-block; width:140px; height:22px; padding:0;
    position:absolute;border:0;outline:0;font-size:14px;letter-spacing:0;
}
.login-main .login-bottom .tip .icon-nocheck {display:inline-block;width:10px;height:10px;border-radius:2px;border:solid 1px #9abcda;position:relative;top:2px;margin:1px 8px 1px 1px;cursor:pointer;}
.login-main .login-bottom .tip .icon-check {margin:0 7px 0 0;width:14px;height:14px;border:none;background:url("/images/icon-login.png") no-repeat -111px -48px;}
.login-main .login-bottom .center .item .icon {display:inline-block;width:33px;height:22px;}
.login-main .login-bottom .center .item {width:288px;height:35px;border-bottom:1px solid #dae1e6;margin-bottom:35px;}
.login-main {width:428px;position:relative;float:left;}
.login-main .login-top {height:80px;border-radius:12px 12px 0 0;font-family:SourceHanSansCN-Regular;font-size:20px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#fff;line-height:80px;overflow:hidden;display: flex}
.login-main .login-bottom .center .item #sendMail{
    margin-top:-10px;
    float: right;
}



.login-main .login-top #phoneLogin{
    width:214px;
    height:80px;
    background-color:white;
    color:#b2b2b2;
    text-align: center;
}
.login-main .login-top #emailLogin{
    width: 214px;
    height: 80px;
    background-color:#148be4;
    color:#b2b2b2;
    text-align: center;
}
.login-main #login{
    width:428px;
    height:330px;
}
.login-main #login #phone{
    width:100%;
    height:100%;
    display: none;
}
.login-main #login #mail{
    width:100%;
    height:100%;
    display: block;
}




.login-main .login-bottom {width:428px;background:#fff;border-radius:0 0 12px 12px;padding-bottom:53px;}
.login-main .login-bottom .center {width:288px;margin:0 auto;padding-top:40px;padding-bottom:15px;position:relative;}
.login-main .login-bottom .tip {clear:both;height:16px;line-height:16px;width:288px;margin:0 auto;}
body {background:url("/images/4.jpg") 0% 0% / cover no-repeat;position:static;font-size:12px;}


html {height:100%;}
.login-main .login-bottom .tip {clear:both;height:16px;line-height:16px;width:288px;margin:0 auto;}
.login-main .login-bottom .tip .login-tip {font-family:MicrosoftYaHei;font-size:12px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#9abcda;cursor:pointer;}
.login-main .login-bottom .tip .forget-password {font-stretch:normal;letter-spacing:0;color:#1391ff;text-decoration:none;position:absolute;right:62px;}


.login-main .login-bottom .login-btn {width:288px;height:40px;background-color:#1E9FFF;border-radius:16px;margin:24px auto 0;text-align:center;line-height:40px;color:#fff;font-size:14px;letter-spacing:0;cursor:pointer;border:none;}

.footer {left:0;bottom:0;color:#fff;width:100%;position:absolute;text-align:center;line-height:30px;padding-bottom:10px;text-shadow:#000 0.1em 0.1em 0.1em;font-size:14px;}

@media screen and (max-width:428px) {.login-main {width:360px !important;}
    .login-main .login-top {width:360px !important;}
    .login-main .login-bottom {width:360px !important;}
}
